﻿@model Meres.Models.PeopleViewModel
@{  
    <div id="peopleView" style="background: #F4F4F4" class="moduleView peopleView">
        <div class="side2 ui-layout-west" id="leftSide">
            <div class="tools">
                <h3>
                    <a href="#">People</a>
                </h3>
                <div class="sysContent">
                    @Html.Action("PersonSelector", "People")
                </div>
                <h3>
                    <a href="#">Recruitment</a>
                </h3>
                <div class="sysContent">
                    <ul>
                        <li>Participants</li>
                        <li>Jobs</li>
                    </ul>
                </div>
                <h3>
                    <a href="#">Customers</a>
                </h3>
                <div>
                    Customer addresses
                </div>
                <h3>
                    <a href="#">Suppliers</a>
                </h3>
                <div>
                    Suppliers addresses
                </div>
                
                <h3>
                    <a href="#">Time tracking</a>
                </h3>
                <div>
                    Time tracking
                </div>
                
                <h3>
                    <a href="#">Expenses</a>
                </h3>
                <div>
                    Expense
                </div>
            </div>
            @*<div style="position: absolute; top: 5px; bottom: 0px; left: 5px; right: 0px">
                @Html.Action("PersonSelector", "People")
            </div>*@
        </div>
        <div class="ui-layout-center innerLayout">
            <div class="actionBar ui-layout-north">
                @*<span>
                    <input type="button" value="New" class="newPerson" />
                    <input type="button" value="Clone" class="clonePerson" />
                    <input type="button" value="Delete" class="deletePerson" />
                    <input type="button" value="Save" class="savePerson" />
                </span>
                <ul style="float: right;" class="viewMode">
                    <li class="ekingIcon iconView" style="background-position: -72px -18px; float: left;">
                    </li>
                    <li class="ekingIcon listView" style="background-position: -95px -18px; float: left;">
                    </li>
                    <li class="ekingIcon detailView" style="background-position: -123px -18px;
                        float: left;"></li>
                </ul>*@
            </div>
            <div class="ui-layout-center functionContent">
                functionContent</div>
        </div>
    </div>
}
